<template>
		<u-modal v-model="show" :show-title="false" :show-confirm-button="false">
			<view class="slot-content">
				<image mode="widthFix" src="https://yunxingzhan.oss-cn-hangzhou.aliyuncs.com/miniprogram/images/images/nologin_bg.png"></image>
				<view class="text_box">
					<view class="title">您还没有登陆</view>
					<view class="remark">登陆即刻开启品质生活</view>
				</view>
				<view class="btn_box">
					<u-button @click="onLogin" :custom-style="loginBtnStyle" hover-class="none" shape="circle" plain>立即登陆</u-button>
					<view @click="closeModel" class="cancel">取消</view>
				</view>
			</view>
		</u-modal>
</template>

<script>
	export default {
		name: "loginModel",
		props: {
			isBack: {
				type: Number,
				default: 0
			}
		},
		data() {
			return {
				show:false,
				loginBtnStyle:{
					color:"#f5fdfe",
					border:"5rpx #20cbd4",
					background:"#20cbd4"
				}, 
			}
		},
		methods: {
			onLogin(){
				this.show=false;
				uni.navigateTo({
					url:"/login/login?isBack="+this.isBack,
				})
				
			},
			closeModel(){
				this.show=false;
			},
			showModel(){
				this.show=true;
			}
		}
	}
</script>

<style>
	.text_box{
		text-align: center;
		margin-bottom: 30rpx;
	}
	.title{
		font-size: 35rpx;
		font-weight: 700;
	}
	.remark{
		color: #909399;
	}
	.btn_box{
		padding: 40rpx 50rpx;
		text-align: center;
	}
	.cancel{
		color: #20cbd4;
		margin-top: 20rpx;
		font-weight: 600;
	}
</style>
